import React from 'react'
import MyNaLink from '../../component/MyNavLink'
import News from './News'
import Message from './Message'
import { Routes, Route } from 'react-router-dom'
export default function Home() {
  return (
   <div>
    <h2>Home组件内容</h2>
    <div>
      <ul className="nav nav-tabs">
        <li>
          <MyNaLink to="/home/news">News</MyNaLink>
        </li>
        <li>
        <MyNaLink to="/home/message">Message</MyNaLink>
        </li>
      </ul>
      <Routes>
        <Route path='/home/news' element={<News/>} />
        <Route path='/home/message' element={<Message/>} />
      </Routes>
    </div>
  </div>
  )
}
